
const imgs = document.getElementsByClassName('bottom-img');
const img = imgs[0];
const masks = document.getElementsByClassName('mask');
const mask = masks[0];
let i = 1;
let k = 0;

img.addEventListener('click', (e) => {
  if (i === 1) {
    img.src = './002.jpeg';
    i = 2;
  } else {
    img.src = './001.jpeg';
    i = 1;
  }
});

mask.addEventListener('click', (e) => {
  k++;
  const j = k % 5;
  if (j === 0) {
    mask.className = 'mask';
  } else {
    mask.className = `mask mask-${j}`;
  }
});